<!-- 数字专辑 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/css/css_reset.css">
    <link rel="stylesheet" type="text/css" href="/css/header.css">
    <link rel="stylesheet" type="text/css" href="/css/Digital_album.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/ZoomPic.js"></script>
    <script type="text/javascript">
        $(function() {
            new ZoomPic("jswbox");
        })
    </script>
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <div class="container">
        <div class="header">
            <div class="header_top">
                <h1>
                    <a href="#"><img src="https://y.qq.com/mediastyle/yqq/img/logo.png" alt=""></a>
                </h1>
                <ul class="big_nav">
                    <li><a href="#">音乐馆</a></li>
                    <li><a href="#">我的音乐</a></li>
                    <li><a href="#">客户端</a></li>
                    <li><a href="#">开放平台</a></li>
                    <li><a href="#">VIP</a></li>
                </ul>

                <input type="search" placeholder="搜索音乐、MV、歌单、用户">
                <a href="#"><i class="icon"></i></a>
                <a href="#" class="login">
                    <p>登录</p>
                </a>
                <ul class="vip">
                    <li>开通VIP<i></i>
                        <ul class="vip1">
                            <li>开通绿钻豪华版</li>
                            <li>开通付费包</li>
                        </ul>
                    </li>
                </ul>
                <ul class="recharge">
                    <li>充值<i></i>
                        <ul class="recharge1">
                            <li>充值乐币</li>
                            <li>充值饭票</li>
                        </ul>
                    </li>
                </ul>

            </div>
            <div class="header_bottom">
                <ul>
                    <li><a href="/index.html">首页</a></li>
                    <li><a href="/singer1.html">歌手</a></li>
                    <li><a href="/songdisc.html">新碟</a></li>
                    <li><a href="/Ranking_list.html">排行榜</a></li>
                    <li><a href="/classify.html">分类歌单</a></li>
                    <li><a href="/radio_station.html">电台</a></li>
                    <li><a href="/mv.html">MV</a></li>
                    <li><a href="/Digital_album.html">数字专辑</a></li>
                    <li><a href="#">票务</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 内容 -->
    <div class="container">
        <div class="all_content">
            <div id="jswbox">
                <pre class="prev">prev</pre>
                <pre class="next">next</pre>
                <ul>
                    <li><img src="image/swiper_1.jpg" /></li>
                    <li><img src="image/swiper_2.jpg" /></li>
                    <li><img src="image/swiper_3.jpg" /></li>
                    <li><img src="image/swiper_4.jpg" /></li>
                    <li><img src="image/swiper_5.jpg" /></li>
                    <li><img src="image/swiper_6.jpg" /></li>
                </ul>

            </div>
            <div class="content">
                <div class="banner">新品上架</div>
                <ul>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="https://y.qq.com/music/photo_new/T002R300x300M000003SLHUD3oODoT.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">공감 (Empathy) - The 1st Mini Album</h4>
                            <div class="list_author">D.O. (都暻秀)</div>
                            <div class="list_price">
                                <span class="list_price_num">￥20</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000003mgrkf1VFVw5.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">AKMU COLLABORATION ALBUM [NEXT EPISODE]</h4>
                            <div class="list_author">AKMU (악동뮤지션)</div>
                            <div class="list_price">
                                <span class="list_price_num">￥15</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000003qv56Q2aQNnX.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">幼学琼林（卷二）</h4>
                            <div class="list_author">窦唯/朝简</div>
                            <div class="list_price">
                                <span class="list_price_num">￥20</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000003OVSVq1ou7wS.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">汶</h4>
                            <div class="list_author">李汶翰</div>
                            <div class="list_price">
                                <span class="list_price_num">￥7</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000003qv56Q2aQNnX.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">幼学琼林（卷二）</h4>
                            <div class="list_author">窦唯/朝简</div>
                            <div class="list_price">
                                <span class="list_price_num">￥20</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content">
                <div class="banner">本周热销</div>
                <ul>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000003jicxY0UK9ew.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">迷</h4>
                            <div class="list_author">蔡徐坤</div>
                            <div class="list_price">
                                <span class="list_price_num">￥26</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="https://y.qq.com/music/photo_new/T002R300x300M000003SLHUD3oODoT.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">《风暴眼》——INTO1'S WONDERLAND序</h4>
                            <div class="list_author">INTO1</div>
                            <div class="list_price">
                                <span class="list_price_num">￥12</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000000tvOOc33qTms.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">光点</h4>
                            <div class="list_author">肖战</div>
                            <div class="list_price">
                                <span class="list_price_num">￥3</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000003FlgZE0mL79i.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">幼鸟指南</h4>
                            <div class="list_author">毛不易</div>
                            <div class="list_price">
                                <span class="list_price_num">￥20</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000001Dv2Kv1EfYi9.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">Hello Future - The 1st Album Repackage</h4>
                            <div class="list_author"></div>NCT DREAM (엔시티 드림)
                        </div>
                        <div class="list_price">
                            <span class="list_price_num">￥26</span>
                            <a href="#">立即购买</a>
                        </div>
                    </li>
                </ul>

            </div>
            <div class="content">
                <div class="banner">新声力量集结</div>
                <ul>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000000QQduf287rel.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">镜中兽（Mirror Me）</h4>
                            <div class="list_author">姚柏南</div>
                            <div class="list_price">
                                <span class="list_price_num">￥12</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000001aFNlG2wbTky.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">深深</h4>
                            <div class="list_author">李振宁</div>
                            <div class="list_price">
                                <span class="list_price_num">￥6</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000000T1I4F3qIrAK.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">天气：晴</h4>
                            <div class="list_author">Sunnee杨芸晴</div>
                            <div class="list_price">
                                <span class="list_price_num">￥20</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000000B9SZf2hS8gF.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">硬糖定律</h4>
                            <div class="list_author">硬糖少女303</div>
                            <div class="list_price">
                                <span class="list_price_num">￥10</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li class="list_item_box">
                        <div class="list_item">
                            <div class="list_item_pic">
                                <a href="https://y.qq.com/n/ryqq/albumDetail/003SLHUD3oODoT">
                                    <img src="//y.qq.com/music/photo_new/T002R300x300M000004QLBBc1Af3VO.jpg?max_age=2592000" alt="">
                                </a>
                            </div>
                            <h4 class="list_title">虚实X境</h4>
                            <div class="list_author">THE9</div>
                            <div class="list_price">
                                <span class="list_price_num">￥18</span>
                                <a href="#">立即购买</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footerbodyer">
        <div class="container">
            <div>
                <div class="footerleft">
                    <div>
                        <h4>下载QQ音乐客户端</h4>
                    </div>
                    <div>
                        <ul class="icons">
                            <a href="">
                                <li>
                                    <p>PC版</p>
                                </li>
                            </a>
                            <li>
                                <p>Mac版</p>
                            </li>
                            <li>
                                <p>Android版</p>
                            </li>
                            <li>
                                <p>iphone版</p>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <h3>开放平台</h3>
                        <ul class="icons1">
                            <li><a href="">QQ音乐开放平台</a></li>
                            <li><a href="">腾讯音乐人</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footermiddle">
                    <div>
                        <h4>特色产品</h4>
                    </div>
                    <div>
                        <ul class="iconss">
                            <li>
                                <p>全民k歌</p>
                            </li>
                            <li>
                                <p>Super&nbsp;Sound</p>
                            </li>
                            <li>
                                <p>Qplay</p>
                            </li>
                            <li>
                                <p>Fan直播伴侣</p>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <h3>TME集团官网</h3>
                        <ul class="icons2">
                            <li><a href="">腾讯音乐</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footerright">
                    <h4>合作链接</h4>
                    <div class="iconsss">
                        <ul>
                            <li><a href="">CJ&nbsp;ENM</a></li>
                            <li><a href="">最新版QQ</a></li>
                            <li><a href="">QQ浏览器</a></li>
                            <li><a href="">企鹅FM</a></li>
                        </ul>
                        <ul>
                            <li><a href="">腾讯视频</a></li>
                            <li><a href="">腾讯社交广告</a></li>
                            <li><a href="">腾讯微云</a></li>
                            <li><a href="">智能电视网</a></li>
                        </ul>
                        <ul>
                            <li><a href="">手机QQ空间</a></li>
                            <li><a href="">电脑管家</a></li>
                            <li><a href="">腾讯云</a></li>
                            <li><a href="">当贝市场</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footerfooter">
                    <ul class="footerlist1">
                        <li><a href="">关于腾讯|</a></li>
                        <li><a href="">About&nbsp;Tencent|</a></li>
                        <li><a href="">服务条款|</a></li>
                        <li><a href="">用户服务协议|</a></li>
                        <li><a href="">隐私政策|</a></li>
                        <li><a href="">权利声明|</a></li>
                        <li><a href="">广告服务|</a></li>
                        <li><a href="">腾讯招聘|</a></li>
                        <li><a href="">客服中心|</a></li>
                        <li><a href="">网站导航</a></li>
                    </ul>
                    <h5>Copyright © 1998 - 2021 Tencent. All Rights Reserved.</h5>
                    <h5>腾讯公司 版权所有 网络文化经营许可证:<a href="">粤网文[2018]6725-2386号</a></h5>
                </div>
            </div>
        </div>
    </div>
</body>

</html>